<template>
  <div class="dictionary_wrap">
    <DictionaryListCard></DictionaryListCard>
    <DictionaryTableCard></DictionaryTableCard>
  </div>
</template>

<script>
import { defineComponent, onMounted } from 'vue'
export default defineComponent({
  name: 'Dictionary',
})
</script>
<script setup>
import DictionaryListCard from './module/dictionaryListCard/index.vue'
import DictionaryTableCard from './module/dictionaryTableCard/index.vue'
import { getDictionariesListApi } from '@/api/dictionaries.js'
import { useDictionarypStore } from '@/store'
const dictionarypStore = useDictionarypStore()

const getDictionariesListFunc = async () => {
  await getDictionariesListApi().then((res) => {
    dictionarypStore.dictionariesList = res.data
  })
}
onMounted(() => {
  getDictionariesListFunc()
})
</script>

<style lang="scss" scoped>
.dictionary_wrap {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
</style>
